//获取到该用户具体信息
$(function () {
    getUser();
})
var intro_editor;

function introEditor() {
    let E = window.wangEditor;
    intro_editor = new E('#intro_editor');
    let intro = $('#intro');
    // intro_editor.customConfig = intro_editor.customConfig ? intro_editor.customConfig : intro_editor.config;
    intro_editor.config.onchange = function (html) {
        // 第二步，监控变化，同步更新到 textarea
        intro.val(html);
    };
    // 配置 server 接口地址（servlet请求路径）
    intro_editor.config.uploadImgServer = '/editor/upload';
    // editor2.config.uploadImgShowBase64 = true;//使用base64保存图片
    intro_editor.config.showLinkImg = false;//隐藏网络图片按钮
    intro_editor.config.uploadFileName = "img";//向后端传递参数接收的字段名

    intro_editor.config.withCredentials = true;
    // 将图片大小限制为 5M
    intro_editor.config.uploadImgMaxSize = 5 * 1024 * 1024;
    // 限制一次最多上传 5 张图片
    intro_editor.config.uploadImgMaxLength = 5;

    intro_editor.config.uploadImgHooks = {

        // 图片上传并返回了结果，图片插入已成功之后触发
        success: function(xhr) {
            console.log('success', xhr)
        },
        // 图片上传并返回了结果，但图片插入时出错了
        fail: function(xhr, editor, resData) {
            console.log('fail', resData)
        },
        // 上传图片出错，一般为 http 请求的错误
        error: function(xhr, editor, resData) {
            console.log('error', xhr, resData)
        },
        // 上传图片超时
        timeout: function(xhr) {
            console.log('timeout');
        },
        // 图片上传并返回了结果，想要自己把图片插入到编辑器中
        // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式，可使用 customInsert
        customInsert: function(insertImgFn, result) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // result 即服务端返回的接口
            console.log('customInsert', result.url);

            // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
            insertImgFn(result.url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    intro_editor.create();

    // 第一步，初始化 textarea 的值
    intro.val(intro_editor.txt.html());
}

function confirmPassword() {
    if ($("#password").val() != $("#confirmPassword").val())
        $("#tips").html("两次密码输入不一致，请重新输入");
    else
        $("#tips").html("");
}
function useredit() {
    let checkID=[];
    $("input[name='hobby']:checked").each(function(i) {
        checkID[i] = $(this).val();
    });
    let sex = $("input[name='sex']:checked").val();
    let hobby = JSON.stringify(checkID);
    console.log(hobby+typeof hobby);
    let userdata={
        'id':sessionStorage.getItem("userid"),
        'username':$("#username").val(),
        'password':$("#password").val(),
        'phone':$("#phone").val(),
        'birth':$("#birth").val(),
        'sex':sex,
        'hobby':hobby,
        'intro':$("#intro").val(),
    };
    $.ajax({
        url:"/back/user/manage",
        type:'post',
        data:userdata,
        dataType:'text',
        success:function(data) {
            console.log(data);
            if (data==1){
                alert("修改成功！");
                $(".right").load("../html/back/user/queryuser.html");
            }else if (data==0){
                $("#tips").html("输入错误，请重新输入");
            }
        }
    })
}
function getUser() {
    introEditor();
    let id = sessionStorage.getItem("userid");
    console.log(id);
    $.ajax({
        url: "/back/user/info",
        type: 'get',
        data: {"id":id},
        dataType: 'json',
        success: function (data) {
            console.log(data);
            let hobby = data.user.hobby;
            hobby = hobby.substring(1,hobby.length-1);//去掉[]
            hobby = hobby.replaceAll("\"","");
            let hobbys = hobby.split(",");
            $("#username").val(data.user.username);
            $("#password").val(data.user.password);
            $("#phone").val(data.user.phone);
            $("input[name=sex][value=" + data.user.sex + "]").attr("checked",true);
            $("#birth").val(data.user.birth);
            $("#intro").val(data.user.intro);
            $("input[name='hobby']").each(function() {
                for (let i = 0; i < hobbys.length; i++) {
                    if ($(this).val()==hobbys[i])
                        $(this).attr("checked",true);
                }
            });
            intro_editor.txt.html(data.user.intro);
        }
    })

}